<template>
  <div class="customer-import">
    <tabs :tabPane="tabPaneList" v-model="activeName"></tabs>
    <component :is="activeName" :ref="activeName"></component>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import tabs from '@/components/configCommon/configTabs.vue'
import importPanel from './importPanel.vue'
@Component({
  name: 'customerImport',
  components: {
    tabs,
    importPanel
  }
})
export default class WebchatGlobalSetting extends Vue {
  private activeName = 'importPanel'

  private tabPaneList: any = [
    { label: '客户导入', name: 'importPanel', _id: 'import_panel' }
  ]
}
</script>
<style lang="stylus" scoped>
.customer-import
  height 100%
  position relative
</style>
